<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
<style >
body{
	background-image: url("images/login.jpg");
	-webkit-background-size: 100px;
	background-size: 100%;
	background-attachment: fixed;
}

#login_div {
	margin: auto;
	padding-top: 20px;
	height: 250px;
	width: 430px;
	background-color: #b8d5e6;
	margin-top: 100px;
	border-radius: 10px;
}
.login_form{
	margin-top: 18px;
	text-align: center;
}
.login_form input{
	width: 300px;
	height: 30px;
	margin-bottom: 12px;
	border-radius: 4px;
}
.login_form button{
	background-color: aliceblue;
	border-radius: 4px;
	width: 280px;
	height: 30px;
	margin-top: 8px;
	font-size: 18px;
}
</style>

</head>

<body>

<div id="login_div">
	<div >
		<h3 style="text-align: center ; border-bottom: 1px solid azure; color: azure; padding: 8px 8px;  ">用户登录</h3>
		<form class="login_form">
			<input type="text" placeholder="请输入用户名" \><br>
			<input type="text" placeholder="请输入密码" \><br>
			<button>登录</button>
		</form>
	</div>
</div>
</body>
</html>